progressbar.horizontal{
	margin-top: 5px;
}
progressbar.vertical{
	margin-left: 5px;
}
progressbar.horizontal>trough{
	border: solid 7px;
	border-left: solid 15px;
	border-right: solid 15px;
	border-image-source: url("../asset/progressbar-trough.png");
	border-image-slice: 20% 16% 20% 16%;
	border-image-width: 10% 6% 10% 6%;
}
progressbar.horizontal>trough>progress.left, progressbar.horizontal>trough>progress.pulse, progressbar.horizontal>trough>progress.pulse.right{
	background: url("../asset/progressbar.png"), image(repeating-linear-gradient(to right,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
}
progressbar.horizontal>trough>progress.left:backdrop, progressbar.horizontal>trough>progress.pulse:backdrop, progressbar.horizontal>trough>progress.pulse.right:backdrop{
	background: image(rgba(200,200,200,0.2)), image(rgba(200,200,200,0.6)), url("../asset/progressbar.png"), image(repeating-linear-gradient(to right,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, multiply, normal, normal;
}
progressbar.horizontal>trough>progress.left:disabled, progressbar.horizontal>trough>progress.pulse:disabled, progressbar.horizontal>trough>progress.pulse.right:disabled{
	background: image(rgba(200,200,200,0.6)), url("../asset/progressbar.png"), image(repeating-linear-gradient(to right,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, normal, normal;
}
progressbar.horizontal>trough>progress.right{
	background: url("../asset/progressbar-rtl.png"), image(repeating-linear-gradient(to left,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
}
progressbar.horizontal>trough>progress.right:backdrop{
	background: image(rgba(200,200,200,0.2)), image(rgba(200,200,200,0.6)), url("../asset/progressbar-rtl.png"), image(repeating-linear-gradient(to left,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, multiply, normal, normal;
}
progressbar.horizontal>trough>progress.right:disabled{
	background: image(rgba(200,200,200,0.6)), url("../asset/progressbar-rtl.png"), image(repeating-linear-gradient(to left,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, normal, normal;
}
progressbar.horizontal>trough>progress.left, progressbar.horizontal>trough>progress.left:backdrop, progressbar.horizontal>trough>progress.left:disabled,
progressbar.horizontal>trough>progress.right, progressbar.horizontal>trough>progress.right:backdrop, progressbar.horizontal>trough>progress.right:disabled,
progressbar.horizontal>trough>progress.pulse, progressbar.horizontal>trough>progress.pulse:backdrop, progressbar.horizontal>trough>progress.pulse:disabled{
	background-size: contain, contain;
	background-repeat: round no-repeat, round no-repeat;
	background-clip: padding-box;
	min-height: 16px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
progressbar.vertical>trough{
	border: solid 7px;
	border-top: solid 18px;
	border-bottom: solid 18px;
	border-image-source: url("../asset/progressbar-trough-vertical.png");
	border-image-slice: 16% 20% 16% 20%;
	border-image-width: 6% 10% 6% 10%;
}
progressbar.vertical>trough>progress.top{
	background: url("../asset/progressbar-vertical.png"), image(repeating-linear-gradient(to bottom,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
}
progressbar.vertical>trough>progress.top:backdrop{
	background: image(rgba(200,200,200,0.2)), image(rgba(200,200,200,0.6)), url("../asset/progressbar-vertical.png"), image(repeating-linear-gradient(to bottom,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, multiply, normal, normal;
}
progressbar.vertical>trough>progress.top:disabled{
	background: image(rgba(100,100,100,0.6)), url("../asset/progressbar-vertical.png"), image(repeating-linear-gradient(to bottom,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, normal, normal;
}
progressbar.vertical>trough>progress.bottom{
	background: url("../asset/progressbar-inv-vertical.png"), image(repeating-linear-gradient(to top,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
}
progressbar.vertical>trough>progress.bottom:backdrop{
	background: image(rgba(200,200,200,0.2)), image(rgba(200,200,200,0.6)), url("../asset/progressbar-inv-vertical.png"), image(repeating-linear-gradient(to top,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, multiply, normal, normal;
}
progressbar.vertical>trough>progress.bottom:disabled{
	background: image(rgba(100,100,100,0.6)), url("../asset/progressbar-inv-vertical.png"), image(repeating-linear-gradient(to top,rgba(89,83,100,255),rgba(89,83,100,255) 2.4%,rgba(97,81,91,255) 4.4%,rgba(97,81,91,255) 5.8%,rgba(99,87,84,255) 7.8%,rgba(99,87,84,255) 9.2%,rgba(99,93,84,255) 11.2%,rgba(99,93,84,255) 12.6%,rgba(106,106,108,255) 14.6%,rgba(106,106,108,255) 16%,rgba(89,83,100,255) 17%));
	background-blend-mode: lighten, normal, normal;
}
progressbar.vertical>trough>progress.top, progressbar.vertical>trough>progress.top:backdrop, progressbar.vertical>trough>progress.top:disabled,
progressbar.vertical>trough>progress.bottom, progressbar.vertical>trough>progress.bottom:backdrop, progressbar.vertical>trough>progress.bottom:disabled{
	background-size: contain, contain;
	background-repeat: no-repeat round, no-repeat round;
	min-width: 16px;
	background-clip: padding-box;
}
levelbar>trough,scale.horizontal>contents>trough{
	min-height: 1px;
	min-width: 10px;
	border: solid 3px;
	border-image: url("../asset/entry-border.png") 20% 4% 20% 4%;
	border-image-width: 1.2 2 1.2 2;
	background: image(rgb(39,8,2)) content-box;
}
levelbar.continuous.horizontal>trough>block.filled{
	background: url("../asset/levelbar.png");
	background-size: 100% 100%;
}
levelbar.continuous.horizontal>trough>block.filled:backdrop{
	background: url("../asset/levelbar-backdrop.png");
	background-size: 100% 100%;
}
levelbar.continuous.horizontal>trough>block.filled:disabled, levelbar.continuous.horizontal>trough>block.filled:backdrop:disabled{
	background: url("../asset/levelbar-backdrop-disabled.png");
	background-size: 100% 100%;
}
levelbar.continuous.horizontal>trough>block.filled, levelbar.continuous.horizontal>trough>block.filled:backdrop, levelbar.continuous.horizontal>trough>block.filled:disabled, levelbar.continuous.horizontal>trough>block.filled:backdrop:disabled{
	background-size: 100% 100%;
	min-height: 10px;
}
scale.horizontal{
	margin-top:10px;
}
scale.horizontal.marks-after>contents>trough{
	min-height: 1px;
	min-width: 10px;
	border: solid 3px;
	border-image: url("../asset/entry-border.png") 20% 4% 20% 4%;
	border-image-width: 1.2 2 1.2 2;
	background: image(rgb(39,8,2)) content-box;
	margin-top: -10px;
	margin-bottom: 10px;
}
scale.horizontal.marks-after, scale.horizontal{
	margin-top:20px;
	padding-bottom: 0px;
	padding-top: 10px;
}
scale.horizontal.marks-after>contents>trough>slider:hover, scale.horizontal>contents>trough>slider:hover{
	background: url("../asset/slider-hover.png");
	background-size: 100% 100%;
	min-height: 25px;
	min-width: 25px;
	margin-top: -25px; 
}
scale.horizontal.marks-after>contents>trough>slider:active, scale.horizontal>contents>trough>slider:active{
	background: url("../asset/slider-active.png");
	background-size: 100% 100%;
	min-height: 25px;
	min-width: 25px;
	margin-top: -25px; 
}
scale.horizontal.marks-after>contents>trough>slider:backdrop, scale.horizontal>contents>trough>slider:backdrop{
	background: url("../asset/slider-backdrop.png");
	background-size: 100% 100%;
	min-height: 25px;
	min-width: 25px;
	margin-top: -25px; 
}
scale.horizontal.marks-after>contents>trough>slider:disabled, scale.horizontal.marks-after>contents>trough>slider:backdrop:disabled, scale.horizontal>contents>trough>slider:disabled, scale.horizontal>contents>trough>slider:backdrop:disabled{
	background: url("../asset/slider-disabled.png");
	background-size: 100% 100%;
	min-height: 25px;
	min-width: 25px;
	margin-top: -25px; 
}
scale.horizontal.marks-after>contents>trough>slider,
scale.horizontal>contents>trough>slider{
	background: url("../asset/slider.png");
	background-size: 100% 100%;
	min-height: 25px;
	min-width: 25px;
	margin-top: -25px; 
}
scale.horizontal.marks-after>marks.bottom>mark>indicator{
	min-height: 10px;
	min-width: 1px;
	color: rgb(39,8,2);
	margin-top: -7px;
}
scale.horizontal>contents>trough>highlight, levelbar.discrete>trough>block.filled{
	background: linear-gradient(to bottom, rgb(217,10,0),rgb(255,175,107),rgb(217,10,0) 60%,maroon 70%) padding-box;
	background-size: 100% 100%;
	min-height: 4px;
}
scale.horizontal>contents>trough>highlight:backdrop, levelbar.discrete>trough>block.filled:backdrop{
	background: image(rgba(30,30,30,0.6)), linear-gradient(to bottom, rgb(217,10,0),rgb(255,175,107),rgb(217,10,0) 60%,maroon 70%) padding-box;
	background-size: 100% 100%;
	background-blend-mode: overlay, normal;
	min-height: 4px;
}
scale.horizontal>contents>trough>highlight:disabled, levelbar.discrete>trough>block.filled:disabled, scale.horizontal>contents>trough>highlight:backdrop:disabled, levelbar.discrete>trough>block.filled:backdrop:disabled{
	background: image(rgba(200,200,200,0.6)), image(rgba(30,30,30,0.6)), linear-gradient(to bottom, rgb(217,10,0),rgb(255,175,107),rgb(217,10,0) 60%,maroon 70%) padding-box;
	background-size: 100% 100%;
	background-blend-mode: lighten, overlay, normal;
	min-height: 4px;
}
levelbar.discrete>trough>block.filled{
	margin-right: 1px;
}
scale.vertical{
	margin-left:10px;
}
scale.vertical.marks-after>contents>trough, scale.vertical>contents>trough{
	min-height: 10px;
	min-width: 1px;
	border: solid 3px;
	border-image: url("../asset/entry-border-vertical.png") 4% 20% 4% 20%;
	border-image-width: 2 1.2 2 1.2;
	background: image(rgb(39,8,2)) content-box;
	margin-left: -10px;
	margin-right: 20px;
}
scale.vertical.marks-after, scale.vertical{
	margin-left:20px;
	padding-right: 0px;
	padding-left: 10px;
}
scale.vertical.marks-after>contents>trough>slider:hover, scale.vertical>contents>trough>slider:hover{
	background: url("../asset/slider-vertical-hover.png");
	background-size: 100% 100%;
	min-height: 40px;
	min-width: 40px;
	margin-left: -50px; 
}
scale.vertical.marks-after>contents>trough>slider:active, scale.vertical>contents>trough>slider:active{
	background: url("../asset/slider-vertical-active.png");
	background-size: 100% 100%;
	min-height: 40px;
	min-width: 40px;
	margin-left: -50px; 
}
scale.vertical.marks-after>contents>trough>slider:backdrop, scale.vertical>contents>trough>slider:backdrop{
	background: url("../asset/slider-vertical-backdrop.png");
	background-size: 100% 100%;
	min-height: 40px;
	min-width: 40px;
	margin-left: -50px; 
}
scale.vertical.marks-after>contents>trough>slider:disabled, scale.vertical.marks-after>contents>trough>slider:backdrop:disabled, scale.vertical>contents>trough>slider:disabled, scale.vertical>contents>trough>slider:backdrop:disabled{
	background: url("../asset/slider-vertical-disabled.png");
	background-size: 100% 100%;
	min-height: 40px;
	min-width: 40px;
	margin-left: -50px; 
}
scale.vertical.marks-after>contents>trough>slider,
scale.vertical>contents>trough>slider{
	background: url("../asset/slider-vertical.png");
	background-size: 100% 100%;
	min-height: 40px;
	min-width: 40px;
	margin-left: -50px; 
}
scale.vertical.marks-after>marks.bottom>mark>indicator{
	min-width: 10px;
	min-height: 1px;
	color: rgb(39,8,2);
	margin-left: -7px;
}
scale.vertical>contents>trough>highlight{
	background: linear-gradient(to right, rgb(217,10,0),rgb(255,175,107),rgb(217,10,0) 60%,maroon 70%) padding-box;
	background-size: 100% 100%;
	min-width: 4px;
}
scale.vertical>contents>trough>highlight:backdrop{
	background: image(rgba(30,30,30,0.6)), linear-gradient(to right, rgb(217,10,0),rgb(255,175,107),rgb(217,10,0) 60%,maroon 70%) padding-box;
	background-size: 100% 100%;
	background-blend-mode: overlay, normal;
	min-width: 4px;
}
scale.vertical>contents>trough>highlight:disabled, scale.vertical>contents>trough>highlight:backdrop:disabled{
	background: image(rgba(200,200,200,0.6)), image(rgba(30,30,30,0.6)), linear-gradient(to right, rgb(217,10,0),rgb(255,175,107),rgb(217,10,0) 60%,maroon 70%) padding-box;
	background-size: 100% 100%;
	background-blend-mode: lighten, overlay, normal;
	min-width: 4px;
}